<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>校园二手书市场管理平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" th:href="@{/favicon.ico}" type="image/x-icon" />
    <link rel="stylesheet" th:href="@{./css/font.css}">
    <link rel="stylesheet" th:href="@{./css/xadmin.css}">
    <link rel="stylesheet" th:href="@{https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css}">
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js}"></script>
    <script th:src="@{./lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{./js/xadmin.js}"></script>
    <style>
        .layui-form-item .layui-input {
            width: 110%;
        }
    </style>

</head>
<body>
<!--引入顶部-->
<div th:insert="~{commons/commons::mytopbar}"></div>


<!-- 中部开始 -->
<div class="wrapper">
    <!-- 左侧菜单开始 -->
    <div class="left-nav">
        <div id="side-nav">
            <!--引入中间-->
            <!--              <div th:insert="~{commons/commons::mymidul(active='dingdanguianli')}"></div>-->
<!--            <div th:insert="~{commons/commons::mymidul}"></div>-->
            <!-- 中部左侧菜单开始 -->
            <ul id="nav" >
                <li class="list" current>
                    <a href="./index.html">
                        <i class="iconfont">&#xe761;</i>
                        首页
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="iconfont">&#xe70b;</i>
                        管理员管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li th:class="current">
                            <a th:href="@{/Administratorlist}">
                                <i class="iconfont">&#xe6a7;</i>
                                管理员信息列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list">
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        用户管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li th:class="current">
                            <a th:href="@{/BackUserInfolist}">
                                <i class="iconfont">&#xe6a7;</i>
                                查看用户信息
                            </a>
                        </li>

                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        图书管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <!--            <ul th:class="${page=='Booklist.html'?'current opened':'current'}">-->
                        <li th:class="current">
                            <a th:href="@{/Booklist}">
                                <i class="iconfont">&#xe6a7;</i>
                                图书信息列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        图书分类图标管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu opened">
                        <li th:class="current">
                            <a th:href="@{/Categoryicongonglist}">
                                <i class="iconfont">&#xe6a7;</i>
                                修改分类图标/名字
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        订单管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li th:class="current">
                            <!--                     <a th:href="@{/Orderslist}" th:class="${active=='dingdanguianli'?'nav-link active':'active'}">-->
                            <a th:href="@{/Orderslist}">
                                <i class="iconfont">&#xe6a7;</i>
                                订单信息列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        轮播图管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li th:class="current">
                            <a th:href="@{/swiperdataback}">
                                <i class="iconfont">&#xe6a7;</i>
                                修改轮播图
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        意见反馈查看
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu" style="display:none">
                        <li th:class="current">
                            <a th:href="@{/wxfeedbacklist}">
                                <i class="iconfont">&#xe6a7;</i>
                                用户反馈信息
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        评论查看
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu" >
                        <li th:class="current">
                            <a th:href="@{/Commentlist}">
                                <i class="iconfont">&#xe6a7;</i>
                                评论信息
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe60c;</i>
                        上传图片
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu" >
                        <li th:class="current">
                            <a th:href="@{/myuploadfile.html}">
                                <i class="iconfont">&#xe6a7;</i>
                                上传图片
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- 中部左侧菜单结束 -->
        </div>
    </div>
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="content">
            <!-- 右侧内容框架，更改从这里开始 -->

            <form class="layui-form xbs" th:action="@{/Categoryicongonglistquery}">
                <div class="layui-form-pane" style="text-align: center;">
                    <div class="layui-form-item" style="display: inline-block;">

                        <div class="layui-input-inline">
                            <input type="text" name="cat_name"  placeholder="请输入类别名cat_name" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline" style="width:80px">
                            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                        </div>
                    </div>
                </div>
            </form>

            <xblock>
                <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button>
<!--                <a class="layui-btn" onclick="member_add('添加用户','member-add.html','600','500')" th:href="@{/Swiperaddback}">-->
<!--                    <i class="layui-icon">&#xe608;</i>添加-->
<!--                </a>-->
                <span class="x-right" style="line-height:40px" >共有数据：[[${allnumber}]] 条</span>

            </xblock>
            <table class="layui-table">
                <thead>
                <tr>
                    <th> <input type="checkbox" name="" value=""> </th>
                    <th>cat_id</th>
                    <th>cat_name</th>
                    <th>cat_icon</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="Categoryicongonglist:${Categoryicongonglists}">
                    <td>
                        <input type="checkbox" value="1" name="">
                    </td>
                    <td th:text="${Categoryicongonglist.getCat_id()}"></td>
                    <td th:text="${Categoryicongonglist.getCat_name()}"></td>
                    <td th:text="${Categoryicongonglist.getCat_icon()}"></td>


                    <td class="td-manage">
                        <!--                            <a title="编辑" class="ml-5" style="text-decoration:none" th:href="@{/Ordersupdate/{goods_id}(goods_id=${myorderslist.getGoods_id()})}" >-->
                        <a title="编辑" class="ml-5" style="text-decoration:none" th:href="@{/Categoryicongongupdate?(cat_id=${Categoryicongonglist.getCat_id()})}" >
                            <i class="layui-icon">&#xe642;</i>
                        </a>
<!--                        <a title="删除" href="javascript:;" onclick="member_del(this,'1')" th:href="@{/Swiperdelete?(swiperdata_id=${swiperdataback.getSwiperdata_id()})}"-->
<!--                           style="text-decoration:none">-->
<!--                            <i class="layui-icon">&#xe640;</i>-->
<!--                        </a>-->
                    </td>

                </tr>
                </tbody>
            </table>
            <!-- 右侧内容框架，更改从这里结束 -->


            <!--         分页开始-->
            <div>
                <span th:text="'共'+(${pages})+'页'"></span>
                <span th:text="'当前第'+(${pageNo})+'页'"></span>
                <div class="x-right">
                    <a th:href="@{/Categoryicongonglist(pageNo=1)}">首页</a>

                    <span th:if="${pageNo}!=1">
                    <a th:href="@{/Categoryicongonglist(pageNo=${pageNo}-1)}">上一页</a>
                    </span>

                    <span th:if="${pageNo}!=${pages}">
                    <a th:href="@{/Categoryicongonglist(pageNo=${pageNo}+1)}">下一页</a>
                    </span>

                    <a th:href="@{/Categoryicongonglist(pageNo=${pages})}">尾页</a>
                </div>

            </div>
            <!--        分页结束-->


        </div>
    </div>
    <!-- 右侧主体结束 -->
</div>
<!-- 中部结束 -->

<!--引入底部-->
<div th:insert="~{commons/commons::mybottom}"></div>
<!--引入背景-->
<div th:insert="~{commons/commons::mybackground}"></div>

<script src="http://cdn.bootcss.com/echarts/3.3.2/echarts.min.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/echarts-for-x-admin.js"></script>


</body>
</html>